/*
	Created on : Mar 28, 2022, 10:40:19 PM
	Author     : mcooper
*/

div.site-hero.clearfix {
	height: 1em;
	padding: 0;
}

div#main.site-main.clearfix{
	margin-top: 0;
}

.site-search .form-border {
	top: -2.75em;
	margin: 0 10%;
}

div#corewidgetbox.wid {
	margin: 0;
}

div.form-inline {
	flex-flow:  nowrap;
	height:     3em;
	width:      110%;
}

span.widgetitemcount {
	position: absolute;
	top: 3px;
	right: 1em;
	font-weight: 500;
	font-size: 1.25em;
	display: inline-block;
	background-color: #FFFFFF;
	color: #00A1DF;
	padding: 0.3rem;
	border-radius: 4px;
}

.widgetrow > a {
   box-shadow: 3px 3px 3px gray;
   position:relative;
   text-overflow: ellipsis;
   overflow: hidden;
}

#wbox.widgetrow a {
	margin-left:0.5rem;
	margin-right:0.5rem;
	background-position:50% 65%;
	width:17em;
	height: 17em;
	background-size: 10em;
	text-align: left;
}

#wbox.widgetrow a:hover {
	background-color: #00A1DF80;
	color: #00A1DF80!important;
}

.site-hero {
	background:#00A1DF;
}

.clientdb {
	padding: 1em;
}

.clientimgdb {
	height: 20EM;
	opacity: 25%;
}

.btn-custom {
	background-color: #00A1DF;
	border-color: #0080CC;
}

a.widgetrowitem.defaultwidget {
	background-color: #00A1DF
}

span.widgetitemtitle {
	position: absolute;
	top:.5em;
	left: .5em;
	display:inline-block;
	color: #FFFFFF;
	/* white-space: nowrap; */
	font-size:large;
	text-shadow: 2px 1px #666;
}

span.widgetitemicon {
	position: relative;
	height: 100%;
	width:  100%;
	top: -4em;
	/* left: 3em; */
	display:inline-block;
	color: #00A1df;
	/* white-space: nowrap; */
}

.dbWidget{
	height: 22em;
	background-color: #00A1DF;
	margin: 0em;
	margin-bottom: 4em;
	padding: .5em;
	font-size: medium;
	font-weight: 500;
	display:flex;
	flex-direction:column;
	box-shadow: 3px 3px 3px gray;
	border-radius: 4px;
}

.dbWidget > * {
	flex-grow:1;
}

div.dbWidget {margin-bottom:4em}

.dbWidget .chart,
.dbWidget .map {align-items:center;justify-content:center;display:flex}

.dbWidgetHeader{
	flex-grow:0;
	color: #FFFFFF;
	font-size:1.25em;
	text-shadow: 2px 1px #666;
}

.site-main .content-area {
	background-image: linear-gradient(270deg, rgba(228,240,255,1), transparent);
}

#map {
	height: 400px;
	width: 100%;
}

div.tnav {
	justify-content:center;
}

div.tnav .pagination {
	margin-bottom:0px;margin-top:0px;
}

fieldset legend.collapsed i {transform:rotate(-90deg)}

fieldset div.rcoll {
	border: 2px solid #dddddd80;
	border-radius:0.5rem;
	padding-top:0.35rem;
	padding-bottom:0.35rem;
	margin-bottom:0.5rem;
}

.mapfloatheader{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #00A1DF;
	color: #FFF;
	border-radius:5px;
}

.mapfloat {
	font-size: 1.25em;
	padding-top: .75rem;
	font-weight: bold;
}

.mapfloat .maphdr {
	color: #88F !important;
}

.maprow {
	display:flex;
	flex-direction:row
}

.maprow > div {
	flex-grow:1
}

header#masthead {
	padding:0;
	padding-bottom:15px;
}
header#masthead #logo img {max-height:75px; margin-bottom: -25px;margin-top:15px;margin-left:15px}

.dropdown-toggle:after {display:inline-block;width:0;height:0;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent;}
.navbar-nav li:hover>.dropdown-menu {display:block}

ul.dropdown-menu li a.active {color:#333;background-color:#ddd;border-radius:6px}

/* Stop tooltips "flickering" */
.tooltip {pointer-events:none}

.truncate {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.dataTables_wrapper.show {visibility:visible;opacity:1;transition:opacity 2s linear;}
.dataTables_wrapper.hide {visibility:hidden;opacity:0;transition:visibility 0s 2s, opacity 2s linear}

#dtsrch .dataTables_filter {text-align:right}
div.dtfoot {margin-top:0.35rem}
div.dtfoot > div {display:flex;align-items:center}
div.dtfoot > div:nth-child(2) {justify-content:center}
div.dtfoot > div:nth-child(3) {justify-content:end}
.dataTables_length label {margin-bottom:0}
ul.pagination {display:flex}

div.dataTables_scrollHeadInner,
div.dataTables_scrollHeadInner > table,
div.dataTables_scrollBody > table {min-width:100%}

/* Stop tooltips "flickering" */
.tooltip {pointer-events:none}

textarea:required,
select:required+span.select2 .selection > span,
select:required,
input:required {background-color:#d5eeff}

.btn-switch-off {opacity:0.5}

#content div.form-border {background:#fff}

.select2-container--default > .selection .select2-selection--multiple {border:solid 1px #ced4da}
.select2-container--default.select2-container--focus > .selection .select2-selection--multiple {border:solid 1px #80bdff}
.select2-selection--multiple {overflow: hidden !important;height: auto !important;}

.was-validated select.form-control:valid + span.select2-container span.select2-selection {
	border-color: #28a745;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated select.form-control:invalid + span.select2-container span.select2-selection {
	border-color: #dc3545;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

#dtfil select {min-width:120px}
#dtfil > * {margin-bottom:0.25rem}

div.roinput {width:auto;flex-grow:1;background-color:#e9ecef;opacity:1;border:solid 1px #ced4da;border-radius:0.25rem;font-size:0.9rem;font-weight:400;line-height:1.5;overflow:hidden;white-space:nowrap;height:36px;padding:0.375rem 0.75rem;display:flex;align-items:center}
.btn-group-toggle:not([data-toggle='buttons']) label {cursor:default !important}

.mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}
.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}
.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}
.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}
.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}
.mailbox-attachment-icon.has-img {
  padding: 0;
}
.mailbox-attachment-icon.has-img > img {
  max-width: 100%;
  height: auto;
}

/* --- NAVBAR --- */
nav .unicon {position:relative;cursor:pointer;opacity:.25}
nav .unicon .badge {position:absolute;right:-0.3rem;top:-.2rem;min-width:1.1rem;font-size:0.75rem;display:none;color:#fff}
nav .unicon.unread {opacity:.8;color:#fff}
nav .unicon.unread .badge {display: block}

/* --- NOTIFICATIONS --- */
.note-wrap {background-color:#eee;padding:0.5rem;display:flex;margin-bottom:0.85rem;position:relative;border-radius:8px}
.note-wrap .icon {width:2rem; height:2rem;border-color:#eee;justify-content: center;align-items:center}
.note-wrap .message-wrap {width:100%;padding-left:0.75rem}
.note-wrap .message-wrap p {margin-bottom:0}
.note-wrap .message {padding-right:0.5rem;width:100%}
.note-wrap .message p {line-height:1;font-size:0.875rem;margin-top:.25rem;margin-bottom:.25rem}
.note-wrap .message p.title {color:rgb(67 56 202);font-weight:700}
.note-wrap .link {cursor:pointer;color:rgb(67 56 202)}
.note-wrap .since {font-size:0.75rem;line-height:0.75rem;padding-top:0.25rem;color: rgb(107 114 128);}
.note-wrap .close {float:none;align-self:flex-start;padding-left:0.5rem;outline:none}

.unread-ribbon {
	font-size: 0.8rem;
	font-weight: bold;
	color: #fff;
}
.unread-ribbon {
	--f: .5em; /* control the folded part */

	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.8;
	padding-inline: 1lh;
	padding-bottom: var(--f);
	border-image: conic-gradient(#0008 0 0) 51%/var(--f);
	clip-path: polygon(
	  100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
	transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
	transform-origin: 100% 100%;
	background-color: #F07818; /* the main color  */
}

/* -- WIZARDS ----------------------------------------------- */
ul.nav-wizard {font-size:16px}
li.active > span.d-none {display:block!important}
li.active > span.d-sm {display:none!important}
li.active > span {color:#fff}
.nav-pills.nav-wizard > li {
	position:relative;
	overflow:visible;
	border-right:10px solid #fff;
	border-left:10px solid #fff;
}
.nav-pills.nav-wizard > li+li { margin-left:2px }
.nav-pills.nav-wizard > li:first-child {
	border-left:0;
}
.nav-pills.nav-wizard > li:first-child span {
	border-radius:5px 0 0 5px;
}
.nav-pills.nav-wizard > li:last-child {
	border-right:0;
}
.nav-pills.nav-wizard > li:last-child span {
	border-radius:0 5px 5px 0;
}
.nav-pills.nav-wizard > li span {
	border-radius:0;
	background-color:#eee;
	padding:8px
}
.nav-pills.nav-wizard > li .nav-arrow {
	position:absolute;
	top:0px;
	right:-20px;
	width:0px;
	height:0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #eee;
	z-index:1;
}
.nav-pills.nav-wizard > li .nav-wedge {
	position:absolute;
	top:0px;
	left:-20px;
	width:0px;
	height:0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: #eee #eee #eee transparent;
	z-index:1;
}
.nav-pills > li.setstep:hover {cursor:pointer}
.nav-pills.nav-wizard > li.active .nav-arrow {
	border-color: transparent transparent transparent #428bca;
}
.nav-pills.nav-wizard > li.active .nav-wedge {
	border-color: #428bca #428bca #428bca transparent;
}
.nav-pills.nav-wizard > li.active span {
	background-color: #428bca;
}
.nav-pills.nav-wizard > li.complete .nav-arrow {
	border-color: transparent transparent transparent #28a745;
}
.nav-pills.nav-wizard > li.complete .nav-wedge {
	border-color: #28a745 #28a745 #28a745 transparent;
}
.nav-pills.nav-wizard > li.complete span {
	background-color: #28a745;
}
/* -- END WIZARDS ------------------------------------------- */

/* --- CALENDAR --- */
div.bootstrap-datetimepicker-widget th,
div.bootstrap-datetimepicker-widget td {border:none}

/* --- MODALS ---*/
div.modal-dialog:not(.modal-dialog-slideout) .modal-content {resize:both;min-width:300px;min-height:200px}
div.modal-header.handle {cursor:move}
div.modal {user-select:none}
div.modal.slide {padding-left:0!important;padding-right:0!important}

div.modal-dialog.modal-dialog-slideout {box-shadow: -10px 0px 10px 0px rgba(0, 0, 0, 0.1);}
div.modal-dialog-slideout {min-height: 100%;max-width:400px;margin: 0 0 0 auto;background: #fff;}
div.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%, 0) scale(1);transform: translate(100%, 0) scale(1);}
div.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0, 0);transform: translate(0, 0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
div.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {overflow-y: auto;overflow-x: hidden;}
div.modal-dialog-slideout .modal-content {border: 0;height:100%;max-height:100%;box-shadow:none}
div.modal-dialog-slideout .modal-header,
div.modal-dialog-slideout .modal-footer {height: 69px;display: block;}
div.modal-dialog-slideout .modal-header h5 {float: left;}

/* --- FORM ELEMENTS --- */
.btn.btn-file > input[type='file'] {background:#fff;cursor:inherit;display:block;font-size:100px;min-height:100%;min-width:100%;opacity:0;outline:0;position:absolute;right:0;text-align:right;top:0}
.form-group {position:relative;margin:0.7rem 0 !important}
.input-group-append .input-group-text {padding:0;justify-content:center;min-width:2.5rem}
.input-group label.label {font-weight:normal}
.input-group input[type='file'] {height:100%}
.input-group .select2 {flex-grow:1}
div.custom-file + label.label,
.form-control ~ label.label {position:absolute;padding:0 0.45rem;margin:0.5rem 0.35rem;color:#999;pointer-events: none;transition-duration:300ms;top:-1.12rem;font-size:0.8rem;z-index:4}
.select2-hidden-accessible ~ label.label {left:0rem}
.div.custom-file + label.label:not(.disabled),
.form-control ~ label.label:not(.disabled) {background-color:#fff}
.input-group .chosen-container-active ~ label.label,
.form-control:focus ~ label.label {color:#3A87AD}
.form-control[type='file'] ~ label.label,
.input-group .chosen.required ~ label.label,
.form-control[readonly] ~ label.label,
.input-group-prepend + .form-control ~ label.label {border-radius:4px;border-bottom:solid 1px #ddd}
.form-control:placeholder-shown ~ label.label {top:-0.1rem;background-color:transparent;font-size:1rem;color:#aaa;border:none}
.form-control-sm:placeholder-shown ~ label.label {top:-0.25rem}
.input-group-prepend + .form-control:placeholder-shown ~ label.label {left:3rem}
select:required+span.select2 .selection > span,
.form-control.required,
.form-control[required] {background-image:linear-gradient(to bottom, #fff, #d5eeff);background-position: 0;background-size:auto}
.input-group > .form-control ~ .input-group-append,
.input-group > .form-control:not(:has(~ .input-group-append)) {border-radius: 0.25rem !important}
.input-group .btn-group-toggle + label.label {margin-left: 0.5rem;align-self:center;font-size:1.05rem}
.btn-group[required] ~ label.label:after,
.form-control[required] ~ label.label:after {color: #e32 !important;content: ' * ' !important;display:inline !important;}
.select2-container ul.select2-selection__rendered {position:relative;top:0.2rem}

div.custom-switch {display:inline-flex;align-items:center;height:calc(1.5em + .75rem + 2px)}
div.custom-control label.custom-control-label {font-weight:normal;color:#666}
div.custom-control label.custom-control-label.empty-label {position: relative;left:0.4rem}
.custom-control-input:checked ~ .custom-control-label::before {background-color: green;border-color: #004d00;}
.custom-switch.custom-switch-lg {padding:0;padding-left: 2.25rem;}
.custom-switch.custom-switch-lg .custom-control-label {padding-left: 0.75rem;padding-top: 0.05rem;font-size:115%}
.custom-switch.custom-switch-lg .custom-control-label::before {border-radius: 1rem;height: 1.5rem;width: 2.5rem;}
.custom-switch.custom-switch-lg .custom-control-label::after {border-radius: 0.65rem;height: calc(1.5rem - 4px);width: calc(1.5rem - 4px);}
.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {transform: translateX(1rem);}
.custom-switch.custom-switch-xl {padding:0;padding-left: 2.25rem;}
.custom-switch.custom-switch-xl .custom-control-label {padding-left: 2rem;padding-top: 0.55rem;font-size:140%}
.custom-switch.custom-switch-xl .custom-control-label::before {border-radius: 1rem;height: 2rem;width: 3.5rem;}
.custom-switch.custom-switch-xl .custom-control-label::after {border-radius: 2rem;height: calc(2rem - 4px);width: calc(2rem - 4px);}
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {transform: translateX(1.5rem);}

td[data-inplace] {position:relative}
td[data-inplace]:before, td[data-inplace]:after {content:'';position:absolute;top:0;right:0;border-style:solid;border-color:transparent;}
td[data-inplace]:before {border-width:0.5em;border-right-color:#eee;border-top-color:#eee}
td[data-inplace]:after {border-radius:0.2em;border-width:0.35em;border-right-color:#ccc;border-top-color:#ccc}
td[data-inplace][data-type='select'] {min-width:5rem}
td[data-inplace] form {min-width:6rem}
tr > td.fixedprice {font-style:italic;font-weight:bold}
td[data-inplace] > form input {min-width:min-content;width:min-content}
body.dark td[data-inplace] {position:relative;background-color:#000}

body.dark #page .site-hero {background-color:#334455 !important}
body.dark .content-area {background-image: none;}

body.client ul.navbar-nav li.nav-item button.btn-action {box-shadow:none;color:#f3a010}
body.client ul.navbar-nav li.nav-item button.unicon {box-shadow:none;color:#0070ff}
body.client.dark .btn-light * {color:#666 !important}
body.client.dark ul.site-navigate > li.active {border-top:3px solid #009ab9}
body.dark .widgetrow a,
body.dark .card-header,
body.client.dark ul.site-navigate li > * {background-color:#333 !important;color:#f1f1f1}
body.client.dark ul.site-navigate ul.dropdown-menu {background-color:#333;border-color:#999}

body.dark #page,
body.dark ul.site-navigate,
body.dark #page > *,
body.dark #navbar,
body.dark .form-border,
body.dark .content-area,
body.dark .content-area .card,
body.dark table.table,
body.dark .list-group-item,
body.dark table.dataTable thead tr > .dtfc-fixed-left,
body.dark table.dataTable tbody tr > .dtfc-fixed-left,
body.dark .note-wrap
{
	background-color:#000 !important;
	color:#f1f1f1 !important;
}
body.dark #main {background-color:transparent !important}

body.dark div.card,
body.dark .card-header {border-color:#666}

body.dark .fieldset div.rcoll {border-color:#eee8}
body.dark .form-data div.rpt:hover {background-color:#666}
body.dark .form-control {background-color:#333;color:#e1e1e1}

body.dark .chart svg g > text {fill:#fff !important}
body.dark .chart svg g.google-visualization-tooltip > path {fill:#000 !important}
body.dark .gm-style-iw-d {color:#000}

body.dark .btn * {
	background-color:transparent !important;
}

body.dark.modal-open .modal.show .modal-dialog:not(.modal-dialog-slideout) .modal-content *:not(.btn) {
	background-color:#333 !important;
}
body.dark.modal-open .modal-dialog-slideout .modal-content {
	background-color:#333 !important;
}
body.dark.modal-open .modal-dialog-slideout .modal-title {
	color:#ccc;
}

body.dark .form-border {
	border:0 !important
}